<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="<%=basePath%>css/bootstrap.css" />
	<link rel="stylesheet" href="<%=basePath%>js/bootstrap.min.js" />
	<link href="<%=basePath%>css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=basePath%>js/google-code-prettify/prettify.css" rel="stylesheet">
	<link rel="shortcut icon" href="<%=basePath%>img/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=basePath%>img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=basePath%>img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=basePath%>img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=basePath%>img/apple-touch-icon-57-precomposed.png">
	
	
	<script type="text/javascript" src="<%=basePath%>js/jquery.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/google-code-prettify/prettify.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-transition.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-alert.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-modal.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-dropdown.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-scrollspy.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-tab.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-tooltip.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-popover.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-button.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-collapse.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-carousel.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-typeahead.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-affix.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/application.js"></script>
	<style type="text/css">
		.navbar{
			background-color:#999999;
		
		}
		body{
			background-color:#F3F1EC;
		
		}
		#header{
			background:#F0F5F8;
			border: 1px solid #DADEE5;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0;
			padding: 15px 30px;
		}
		.context{
			padding-bottom: 1em;
			position: relative;
			width: 698px;
			height:700px;
			float: left;
			background-color:#fff;
			border: 1px solid #DADEE5;
			border-top:none;
			margin:0px;
		
		}
		
		#left{
			padding-top:10px;
		}
		
		.getstart{
			background-color: #FFFAE7;
			border: 1px solid #CCCCCC;
			border-radius: 3px 3px 3px 3px;
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
			margin-top: 27px;
			padding: 12px;
			text-align: center;
			margin-left:67px;
			
		
		}
		.blank{
			
			text-align: center;
			width: 100%;
		
			
		}
	</style>

  </head>
  <body>
	<div id="container">
		<%@ include file="top.jsp"%>
		<div id="content">
			
			<div id="left" class="span3">
				<%@ include file="lefttop.jsp" %>
				<%@ include file="leftdown.jsp" %>
			
			</div>
			
			<div class="span6" >
				<div id="word" style="background:#F0F5F8;border: 1px solid #DADEE5;border-top-left-radius: 5px;border-top-right-radius: 5px;margin: 0;padding: 15px 30px;">
					<h4><b>添加一个公司 </b> </h4>
					<b>公司名</b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" /><br />
					<b>类&nbsp;&nbsp;&nbsp;&nbsp;别</b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" /><br />
				</div>
				
				<div class="form" style="background:#fff; padding:20px;">
					<form action="">
						<div id="phone" style="border-bottom: 1px solid #DADEE5;padding-bottom:10px;padding-left:15px;height:30px;padding-top:5px;">
							<b>电话</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<span onclick="ShowElement(this)" name="cont">添加电话</span><br />
							<span id="add"></span>
						</div>
						
						
						
						
						<div class="ert" style="padding-top:20px;border-bottom: 1px solid #DADEE5;">
							<small ><b>&nbsp;&nbsp;添加新属性</b></small><br/>
							<b>&nbsp;&nbsp;属性名</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" /><br />
							<b>&nbsp;&nbsp;属性值</b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" />
						</div>
						<b>&nbsp;&nbsp;QQZone</b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="" style="margin-top:10px;"/><br />
						<div class="backinfo" style="border-bottom:1px solid #DADEE5;resize:none;">
							<small><b>&nbsp;&nbsp;背景资料</b></small><br />
							 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
							 <textarea name="" id="" cols="30" rows="5" class="span3" style="resize:none;"></textarea>
						
						</div>
						
						<div style="margin-top:10px;">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<button>add this deal </button>or <a href="#">cancel</a>
						</div>
					
					</form>
				
				
				
				
				</div>
				
				
			
			
			
			</div>
			<div class="span3">
				<div class="taskbox" style="background:#f8f8f8;">
					<div class="boxcontent" style=" padding: 12px 15px;margin: 0;border:1px solid #DADEE5;">
						<p><b>Other ways to add people</b></p>
						<hr style="margin:5px;"/>
						<p style="font-size:12px;">Looking to add multiple people at once? Choose one of the following file types and you'll be on your way:
						</p>
						
					</div>
				
				</div>
			
			</div>
			
			
		
		</div>
		
	
	
	
	
	
	
	
	
	
	</div>
	<script type="text/javascript">
			$(document).ready(function () {  
								
				$(".tip").tooltip();
			  
			});		
				function ShowElement(element)
				{
					var oldhtml = element.innerHTML;   //获得元素之前的内容
					var newobj = document.createElement('input');   //创建一个input元素
					newobj.type = 'text';   //为newobj元素添加类型
					//设置newobj失去焦点的事件
					newobj.onblur = function(){
					element.innerHTML = this.value ? this.value : oldhtml; 
					
					//当触发时判断newobj的值是否为空，为空则不修改，并返回oldhtml。
					}
					element.innerHTML = '';   //设置元素内容为空
					element.appendChild(newobj);   //添加子元素
					newobj.focus();   //获得焦点
				}
				function addmore(){
					var v=document.getElementsByName();
					
				
				
				};
			
			
	
	
	</script>




	
</body>
</html>
